<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Representing Code, Keyboard Instructions and Programming Variables</title>
	</head>
	<body>
		<h1>The &lt;code&gt; Element for Adding Code to Your Web Pages</h1>
		<p>The following line appears inside a &lt;code&gt; element</p>
		<p><code>&lt;h1&gt;This is a primary heading&lt;/h1&gt;</code></p>
		<h1>The &lt;kbd&gt; Element for Keyboard Instructions</h1>
		<p>To force quit an application in Windows, hold down the <kbd>ctrl</kbd>, 
		<kbd>alt</kbd> and <kbd>delete</kbd> keys together.</p>
		<h1>The &lt;var&gt; Element for Programming Variables</h1>
		<p>The following line is written inside a &lt;code&gt; element, while <b>user-name</b> 
		is written inside a &lt;var&gt; element.</p>
		<p><code>document.write("<var>user-name</var>")</code></p>
		<p>As you can see, the content of the &lt;var&gt; element is italicized.</p>
		<h1>The &lt;samp&gt; Element for Sample Program Output</h1>
		<p>The following line uses the &lt;samp&gt; element to indicate the output from a script or program.</p>
		<p><samp>This is the output from our test script.</samp></p>
	</body>
</html>
